<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>农技云</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="描述">
  <meta name="author" content="yanglin">
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
  <link href="/css/bootstrap.css" rel="stylesheet">
  <link href="/css/style.css" rel="stylesheet">
  <link href="/css/fonts.css" rel="stylesheet">
  <link href="/css/animate.css" rel="stylesheet">
  <link href="/css/plugins.css" rel="stylesheet">
  <link href="/css/responsive.css" rel="stylesheet">
  <link href="/css/settings.css" rel="stylesheet">
  <link href="/css/captions.css" rel="stylesheet">
  <link href="/css/usenow.css" rel="stylesheet">
  <script src="/js/jquery.js"></script>
  <!--[if lt IE 9]>
  <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.js"></script>
  <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
</head>
<body>
<div id="wrap">

  <div class="main-inner-content">
    <!--header start-->
    <header id="header" class="section cover header-bg" data-bg="images/slider.jpg">
      <!--吸顶 start-->
      <div class="header-fixed">
        <div class="logo-header">
          <div class="container">
            <div class="logo-container pull-left clearfix">
              <div class="logo">
                <h1 class="site-title"><a href="/"> <img src="images/nav.png" alt="农技云" style="width: 150px;">
                </a></h1>
                <p class="site-desc">小投资，过小资生活 ，打开中产阶级财富之门 ！</p>
              </div>
            </div>
            <div class="menu-container pull-right">
              <div class="site-menu">
                <div class="site-menu-inner clearfix">
                  <div class="site-menu-container pull-left">
                    <nav class="hidden-xs hidden-sm">
                      <ul class="sf-menu clearfix list-unstyled">
                        <li class="current-menu-item"><a href="/">首页</a></li>
                        <li><a href="/about1">项目介绍</a><!-- 有改动 -->
                          <ul>
                            <!--<li><a href="about.html"><span class="icon"><i class="fa fa-font"></i></span>子栏目1</a></li>
                            <li><a href="about.html"><span class="icon"><i class="fa fa-columns"></i></span>子栏目2</a>
                            </li>
                            <li><a href="about.html"><span class="icon"><i class="fa fa-circle-o"></i></span>子栏目3</a>
                            </li>-->
                          </ul>
                        </li>
                        <li><a href="/article">资讯中心</a>
                          <!--<div class="sf-mega">
                            <div class="sf-mega-content">
                              <div class="row">
                                <div class="col-md-3">
                                  <ul>
                                    <li><span>项目新闻</span></li>
                                    <li><a href="#">新闻子栏目1</a></li>
                                    <li><a href="#">新闻子栏目2</a></li>
                                    <li><a href="#">新闻子栏目3</a></li>
                                    <li><a href="#">新闻子栏目4</a></li>
                                  </ul>
                                </div>
                                <div class="col-md-3">
                                  <ul>
                                    <li><span>农业新闻</span></li>
                                    <li><a href="#">新闻子栏目1</a></li>
                                    <li><a href="#">新闻子栏目2</a></li>
                                    <li><a href="#">新闻子栏目3</a></li>
                                    <li><a href="#">新闻子栏目4</a></li>
                                  </ul>
                                </div>
                                <div class="col-md-3">
                                  <ul>
                                    <li><span>行业资讯</span></li>
                                    <li><a href="#">新闻子栏目1</a></li>
                                    <li><a href="#">新闻子栏目2</a></li>
                                    <li><a href="#">新闻子栏目3</a></li>
                                    <li><a href="#">新闻子栏目4</a></li>
                                  </ul>
                                </div>
                                <div class="col-md-3">
                                  <ul>
                                    <li><span>招商信息</span></li>
                                    <li><a href="#">新闻子栏目1</a></li>
                                    <li><a href="#">新闻子栏目2</a></li>
                                    <li><a href="#">新闻子栏目3</a></li>
                                    <li><a href="#">新闻子栏目4</a></li>
                                  </ul>
                                </div>
                              </div>
                            </div>
                          </div>-->
                        </li>
                        <li><a href="/agritech">农技经验</a>
                          <!--<div class="sf-mega">
                            <div class="sf-mega-content">
                              <div class="row">
                                <div class="col-md-4">
                                  <ul>
                                    <li><span>蔬菜类</span></li>
                                    <li><a href="#">产品子栏目1</a></li>
                                    <li><a href="#">产品子栏目2</a></li>
                                    <li><a href="#">产品子栏目3</a></li>
                                    <li><a href="#">产品子栏目4</a></li>
                                  </ul>
                                </div>
                                <div class="col-md-4">
                                  <ul>
                                    <li><span>水果类</span></li>
                                    <li><a href="#">产品子栏目1</a></li>
                                    <li><a href="#">产品子栏目2</a></li>
                                    <li><a href="#">产品子栏目3</a></li>
                                    <li><a href="#">产品子栏目4</a></li>
                                  </ul>
                                </div>
                                <div class="col-md-4">
                                  <ul>
                                    <li><span>干货类</span></li>
                                    <li><a href="#">产品子栏目1</a></li>
                                    <li><a href="#">产品子栏目2</a></li>
                                    <li><a href="#">产品子栏目3</a></li>
                                    <li><a href="#">产品子栏目4</a></li>
                                  </ul>
                                </div>
                              </div>
                            </div>
                          </div>-->
                        </li>
                        <li><a href="#">联系我们</a></li>
                      </ul>
                    </nav><!-- PC端 -->
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!--吸顶 end-->

      <!--logo 注册登录 start-->
      <div class="logo-header">
        <div class="container">
          <div class="logo-container clearfix">
            <div class="logo pull-left">
              <h1 class="site-title"><a href="index.html"> <img src="images/nav.png" alt="农技云" style="width: 230px;">
              </a></h1>
              <p class="site-desc">小投资，过小资生活 ，打开中产阶级财富之门 ！</p>
            </div>

          </div>
        </div>
      </div>
      <!--logo 注册登录 end-->

      <!--导航搜索条 start-->
      <div class="site-menu">
        <div class="container">
          <div class="site-menu-inner clearfix">
            <div class="site-menu-container pull-left">

              <nav class="hidden-xs hidden-sm">
                <ul class="sf-menu clearfix list-unstyled">
                  <li class="current-menu-item"><a href="/">首页</a></li>
                  <li><a href="/about1">项目介绍</a>
                    <!--<ul>
                      <li><a href="#"><span class="icon"><i class="fa fa-font"></i></span>子栏目1</a></li>
                      <li><a href="#"><span class="icon"><i class="fa fa-columns"></i></span>子栏目2</a></li>
                      <li><a href="#"><span class="icon"><i class="fa fa-circle-o"></i></span>子栏目3</a></li>
                    </ul>-->
                  </li>
                  <li><a href="/article">资讯中心</a>
                    <!--<div class="sf-mega">
                      <div class="sf-mega-content">
                        <div class="row">
                          <div class="col-md-3">
                            <ul>
                              <li><span>项目新闻</span></li>
                              <li><a href="#">新闻子栏目1</a></li>
                              <li><a href="#">新闻子栏目2</a></li>
                              <li><a href="#">新闻子栏目3</a></li>
                              <li><a href="#">新闻子栏目4</a></li>
                            </ul>
                          </div>
                          <div class="col-md-3">
                            <ul>
                              <li><span>农业新闻</span></li>
                              <li><a href="#">新闻子栏目1</a></li>
                              <li><a href="#">新闻子栏目2</a></li>
                              <li><a href="#">新闻子栏目3</a></li>
                              <li><a href="#">新闻子栏目4</a></li>
                            </ul>
                          </div>
                          <div class="col-md-3">
                            <ul>
                              <li><span>行业资讯</span></li>
                              <li><a href="#">新闻子栏目1</a></li>
                              <li><a href="#">新闻子栏目2</a></li>
                              <li><a href="#">新闻子栏目3</a></li>
                              <li><a href="#">新闻子栏目4</a></li>
                            </ul>
                          </div>
                          <div class="col-md-3">
                            <ul>
                              <li><span>招商信息</span></li>
                              <li><a href="#">新闻子栏目1</a></li>
                              <li><a href="#">新闻子栏目2</a></li>
                              <li><a href="#">新闻子栏目3</a></li>
                              <li><a href="#">新闻子栏目4</a></li>
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>-->
                  </li>
                  <li><a href="/agritech">农技经验</a>
                    <!--<div class="sf-mega">
                      <div class="sf-mega-content">
                        <div class="row">
                          <div class="col-md-4">
                            <ul>
                              <li><span>蔬菜类</span></li>
                              <li><a href="#">产品子栏目1</a></li>
                              <li><a href="#">产品子栏目2</a></li>
                              <li><a href="#">产品子栏目3</a></li>
                              <li><a href="#">产品子栏目4</a></li>
                            </ul>
                          </div>
                          <div class="col-md-4">
                            <ul>
                              <li><span>水果类</span></li>
                              <li><a href="#">产品子栏目1</a></li>
                              <li><a href="#">产品子栏目2</a></li>
                              <li><a href="#">产品子栏目3</a></li>
                              <li><a href="#">产品子栏目4</a></li>
                            </ul>
                          </div>
                          <div class="col-md-4">
                            <ul>
                              <li><span>干货类</span></li>
                              <li><a href="#">产品子栏目1</a></li>
                              <li><a href="#">产品子栏目2</a></li>
                              <li><a href="#">产品子栏目3</a></li>
                              <li><a href="#">产品子栏目4</a></li>
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>-->
                  </li>
                  <li><a href="http://106.75.154.40:8084/">平台首页</a></li>
                </ul>
              </nav>
            </div>
            <div class="header-search-form pull-right hidden-xs hidden-sm">
              <div class="header-search">
                <form role="search" method="get" class="search-form" action="#">
                  <div class="header-search-input-wrap">
                    <input class="header-search-input" placeholder="请输入您要搜索的关键证……" type="text" value="" name="s"/>
                  </div>
                  <input class="header-search-submit" type="submit" value="">
                  <span class="header-icon-search"><i class="fa fa-search"></i></span>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!--导航搜索条 end-->

      <!--大轮播 start-->
      <div id="rev_slider_1_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container"
           style="margin:0px auto;background-color:transparent;padding:0px;margin-top:0px;margin-bottom:0px;max-height:650px;">
        <div id="rev_slider_1_1" class="rev_slider fullwidthabanner"
             style="display:none;max-height:650px;height:650px;">
          <ul>
            <li data-transition="random-static" data-slotamount="7" data-masterspeed="300" data-saveperformance="off">
              <img src="images/transparent.png" alt="" data-bgposition="center top" data-bgfit="cover"
                   data-bgrepeat="no-repeat">
              <div class="tp-caption sfb stl" data-x="0" data-y="10" data-speed="600" data-start="500"
                   data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="600"
                   style="z-index: 2;"><img src="images/slide_1.png" alt=""></div>
              <div class="tp-caption small_title sft stb tp-resizeme" data-x="718" data-y="160" data-speed="600"
                   data-start="500" data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none"
                   data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="600"
                   style="z-index: 3; max-width: auto; max-height: auto; white-space: nowrap;"> 现代农技智能推送云服务平台
              </div>
              <div class="tp-caption nth_big_title hd randomrotate tp-resizeme" data-x="725" data-y="220"
                   data-speed="600" data-start="500" data-easing="Power3.easeInOut" data-splitin="none"
                   data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300"
                   style="z-index: 4; max-width: auto; max-height: auto; white-space: nowrap;"> 农技云
              </div>
              <div class="tp-caption hidden-sm hidden-xs black_p sfb stt tp-resizeme" data-x="590" data-y="290"
                   data-speed="600" data-start="500" data-easing="Power3.easeInOut" data-splitin="none"
                   data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="600"
                   style="z-index: 5; max-width: auto; max-height: auto;"> 现代农技智能推送云服务平台，实现农业科研、农业生产管理、农技推广与市场的即时互动与有机结合。<br>
                <!--实现0资本创业，微资本创富的经营理念，解决部份就业创业问题。<br>
                落实“促进城乡网络对接，助推三农经济的健康发展”。-->
              </div>
              <div class="tp-caption black sfr tp-resizeme" data-x="740" data-y="420" data-speed="600" data-start="500"
                   data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none" data-elementdelay="0.1"
                   data-endelementdelay="0.1" data-endspeed="600"
                   style="z-index: 6; max-width: auto; max-height: auto; white-space: nowrap;">

              </div>
              <!--<div class="tp-caption black sfl tp-resizeme" data-x="840" data-y="420" data-speed="600" data-start="500"
                   data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none" data-elementdelay="0.1"
                   data-endelementdelay="0.1" data-endspeed="600"
                   style="z-index: 7; max-width: auto; max-height: auto; white-space: nowrap;"><a class="button black"
                                                                                                  href="#"><span>远景规划</span></a>
              </div>-->
            </li>
            <li data-transition="random" data-slotamount="7" data-masterspeed="300" data-saveperformance="off"><img
                    src="images/transparent.png" alt="" data-bgposition="center top" data-bgfit="cover"
                    data-bgrepeat="no-repeat">
              <div class="tp-caption sfb str" data-x="624" data-y="150" data-speed="600" data-start="500"
                   data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="600"
                   style="z-index: 2;"><img src="images/slide_2.png" alt=""></div>
              <div class="tp-caption small_title sfr tp-resizeme" data-x="100" data-y="220" data-speed="600"
                   data-start="500" data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none"
                   data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300"
                   style="z-index: 3; max-width: auto; max-height: auto; white-space: nowrap;">
                专业的种植、养殖技术分享。
              </div>
              <div class="tp-caption nth_big_title sfb tp-resizeme" data-x="30" data-y="275" data-speed="600"
                   data-start="500" data-easing="Power3.easeInOut" data-splitin="none" data-splitout="none"
                   data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="600"
                   style="z-index: 4; max-width: auto; max-height: auto; white-space: nowrap;"> 经验教学
              </div>
              <div class="tp-caption hidden-sm hidden-xs black_p right sfb tp-resizeme" data-x="-60" data-y="340"
                   data-speed="600" data-start="500" data-easing="Power3.easeInOut" data-splitin="none"
                   data-splitout="none" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="600"
                   style="z-index: 5; max-width: auto; max-height: auto;">
                专业的种植、养殖技术分享，提高农民科技文化素质和提升基层农技推广的公共服务能力。<br>
                <!--搭建让消费者喜欢的健康与安全的购物、生活，让消费者使用放心、优质产品，省钱赚钱。-->
              </div>
            </li>
          </ul>
          <div class="tp-bannertimer tp-bottom hidden"></div>
        </div>
      </div>
      <!--大轮播 end-->

      <script type="text/javascript">

          /******************************************
           -  PREPARE PLACEHOLDER FOR SLIDER  -
           ******************************************/

          var setREVStartSize = function () {
              var tpopt = new Object();
              tpopt.startwidth = 1170;
              tpopt.startheight = 650;
              tpopt.container = jQuery('#rev_slider_1_1');
              tpopt.fullScreen = "off";
              tpopt.forceFullWidth = "off";

              tpopt.container.closest(".rev_slider_wrapper").css({height: tpopt.container.height()});
              tpopt.width = parseInt(tpopt.container.width(), 0);
              tpopt.height = parseInt(tpopt.container.height(), 0);
              tpopt.bw = tpopt.width / tpopt.startwidth;
              tpopt.bh = tpopt.height / tpopt.startheight;
              if (tpopt.bh > tpopt.bw) tpopt.bh = tpopt.bw;
              if (tpopt.bh < tpopt.bw) tpopt.bw = tpopt.bh;
              if (tpopt.bw < tpopt.bh) tpopt.bh = tpopt.bw;
              if (tpopt.bh > 1) {
                  tpopt.bw = 1;
                  tpopt.bh = 1
              }
              if (tpopt.bw > 1) {
                  tpopt.bw = 1;
                  tpopt.bh = 1
              }
              tpopt.height = Math.round(tpopt.startheight * (tpopt.width / tpopt.startwidth));
              if (tpopt.height > tpopt.startheight && tpopt.autoHeight != "on") tpopt.height = tpopt.startheight;
              if (tpopt.fullScreen == "on") {
                  tpopt.height = tpopt.bw * tpopt.startheight;
                  var cow = tpopt.container.parent().width();
                  var coh = jQuery(window).height();
                  if (tpopt.fullScreenOffsetContainer != undefined) {
                      try {
                          var offcontainers = tpopt.fullScreenOffsetContainer.split(",");
                          jQuery.each(offcontainers, function (e, t) {
                              coh = coh - jQuery(t).outerHeight(true);
                              if (coh < tpopt.minFullScreenHeight) coh = tpopt.minFullScreenHeight
                          })
                      } catch (e) {
                      }
                  }
                  tpopt.container.parent().height(coh);
                  tpopt.container.height(coh);
                  tpopt.container.closest(".rev_slider_wrapper").height(coh);
                  tpopt.container.closest(".forcefullwidth_wrapper_tp_banner").find(".tp-fullwidth-forcer").height(coh);
                  tpopt.container.css({height: "100%"});
                  tpopt.height = coh
              } else {
                  tpopt.container.height(tpopt.height);
                  tpopt.container.closest(".rev_slider_wrapper").height(tpopt.height);
                  tpopt.container.closest(".forcefullwidth_wrapper_tp_banner").find(".tp-fullwidth-forcer").height(tpopt.height)
              }
          };

          // CALL PLACEHOLDER
          setREVStartSize();


          var tpj = jQuery;
          tpj.noConflict();
          var revapi1;

          tpj(document).ready(function () {

              if (tpj('#rev_slider_1_1').revolution == undefined)
                  revslider_showDoubleJqueryError('#rev_slider_1_1');
              else
                  revapi1 = tpj('#rev_slider_1_1').show().revolution(
                      {
                          dottedOverlay: "none",
                          delay: 9000,
                          startwidth: 1170,
                          startheight: 650,
                          hideThumbs: 200,
                          thumbWidth: 100,
                          thumbHeight: 50,
                          thumbAmount: 2,
                          navigationType: "bullet",
                          navigationArrows: "solo",
                          navigationStyle: "round",
                          touchenabled: "on",
                          onHoverStop: "on",
                          swipe_velocity: 0.7,
                          swipe_min_touches: 1,
                          swipe_max_touches: 1,
                          drag_block_vertical: false,
                          keyboardNavigation: "off",
                          navigationHAlign: "center",
                          navigationVAlign: "bottom",
                          navigationHOffset: 0,
                          navigationVOffset: 20,
                          soloArrowLeftHalign: "left",
                          soloArrowLeftValign: "center",
                          soloArrowLeftHOffset: 20,
                          soloArrowLeftVOffset: 0,
                          soloArrowRightHalign: "right",
                          soloArrowRightValign: "center",
                          soloArrowRightHOffset: 20,
                          soloArrowRightVOffset: 0,
                          shadow: 0,
                          fullWidth: "on",
                          fullScreen: "off",
                          spinner: "spinner0",
                          stopLoop: "off",
                          stopAfterLoops: -1,
                          stopAtSlide: -1,
                          shuffle: "off",
                          autoHeight: "off",
                          forceFullWidth: "off",
                          hideThumbsOnMobile: "off",
                          hideNavDelayOnMobile: 1500,
                          hideBulletsOnMobile: "off",
                          hideArrowsOnMobile: "off",
                          hideThumbsUnderResolution: 0,
                          hideSliderAtLimit: 0,
                          hideCaptionAtLimit: 0,
                          hideAllCaptionAtLilmit: 0,
                          startWithSlide: 0,
                          fullScreenOffsetContainer: ""
                      });
          });	//ready

      </script>
    </header>
    <!--header end-->

    <div id="page-content">
      <!--大轮播下小广告 start-->
      <div id="sliderbox" class="slider-box">
        <div class="container">
          <!--<div class="row onepixel">
            <div class="col-md-5 bottom-xs-1">
              <div class="gray-box height-group">
                <h5 class="box-title large bottom-0">中国要强，农业必须强。</h5>
                <p>提高群众安全感和满意度延长农业产业链、提高农业附加值。立足资源优势，以市场需求为导向，增强线上线下营销能力,拓宽农村外部增收渠道。</p>
              </div>
            </div>
            <div class="col-md-7 color-box-wrap">
              <div class="row onepixel">
                <div class="col-md-3 color-box-item bottom-xs-1">
                  <div class="color-box height-group section default" data-bg="images/hover_box_1.jpg"
                       data-bgmark="rgba(34,30,30,0.5)">
                    <div class="color-box-inner">
                      <div class="color-box-content">
                        <h5 class="box-title ">引导和鼓励</h5>
                        <p>制定鼓励社会资本参与农村建设，研究制定财税、金融等支持政策。</p>
                      </div>
                      <div class="color-box-icon"><i class="fa fa-money"></i></div>
                    </div>
                  </div>
                </div>
                <div class="col-md-3 color-box-item bottom-xs-1">
                  <div class="color-box height-group section default" data-bg="images/hover_box_2.jpg"
                       data-bgmark="rgba(34,30,30,0.5)">
                    <div class="color-box-inner">
                      <div class="color-box-content">
                        <h5 class="box-title">服务于大众</h5>
                        <p>服务于大众，疏通产业流通渠道，真正解决地方百姓的实际问题。</p>
                      </div>
                      <div class="color-box-icon"><i class="fa fa-globe"></i></div>
                    </div>
                  </div>
                </div>
                <div class="col-md-3 color-box-item bottom-xs-1">
                  <div class="color-box height-group section default" data-bg="images/hover_box_3.jpg"
                       data-bgmark="rgba(34,30,30,0.5)">
                    <div class="color-box-inner">
                      <div class="color-box-content">
                        <h5 class="box-title ">线下生活体验</h5>
                        <p>农产品展示区、体验区、休闲区、客户洽谈区为一体的多功能服务平台。</p>
                      </div>
                      <div class="color-box-icon"><i class="fa fa-sitemap"></i></div>
                    </div>
                  </div>
                </div>
                <div class="col-md-3 color-box-item bottom-xs-1">
                  <div class="color-box height-group section default" data-bg="images/hover_box_4.jpg"
                       data-bgmark="rgba(34,30,30,0.5)">
                    <div class="color-box-inner">
                      <div class="color-box-content">
                        <h5 class="box-title ">农业互联网品牌</h5>
                        <p>全面建设现代农产品，产、供、销（消）一体化的产业链体系</p>
                      </div>
                      <div class="color-box-icon"><i class="fa fa-group"></i></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>-->
          <div class="row onepixel">
            <div class="col-md-5 bottom-xs-1">
              <div class="gray-box height-group">
                <h5 class="box-title large bottom-0">农技云智能推送云服务平台</h5>
                <p>现代农技智能推送云服务平台，实现农业科研、农业生产管理、农技推广与市场的即时互动与有机结合。</p>
              </div>
            </div>
            <div class="col-md-7 color-box-wrap">
              <div class="row onepixel">
                <div class="col-md-3 color-box-item bottom-xs-1">
                  <div class="color-box height-group section default"
                       data-bg="/agritech-cloud/front/images/hover_box_1.jpg"
                       data-bgmark="rgba(34,30,30,0.5)">
                    <div class="color-box-inner">
                      <div class="color-box-content">
                        <h5 class="box-title ">经验教学</h5>
                        <p>专业的种植、养殖技术分享，提高农民科技文化素质和提升基层农技推广的公共服务能力。</p>
                      </div>
                      <div class="color-box-icon"><i class="fa fa-money"></i></div>
                    </div>
                  </div>
                </div>
                <div class="col-md-3 color-box-item bottom-xs-1">
                  <div class="color-box height-group section default"
                       data-bg="/agritech-cloud/front/images/hover_box_2.jpg"
                       data-bgmark="rgba(34,30,30,0.5)">
                    <div class="color-box-inner">
                      <div class="color-box-content">
                        <h5 class="box-title">实用易用</h5>
                        <p>面向农业领域基层种养殖人员和具有一定相关文化基础的种养殖技术人员，实用易用。</p>
                      </div>
                      <div class="color-box-icon"><i class="fa fa-globe"></i></div>
                    </div>
                  </div>
                </div>
                <div class="col-md-3 color-box-item bottom-xs-1">
                  <div class="color-box height-group section default"
                       data-bg="/agritech-cloud/front/images/hover_box_3.jpg"
                       data-bgmark="rgba(34,30,30,0.5)">
                    <div class="color-box-inner">
                      <div class="color-box-content">
                        <h5 class="box-title ">智能推送</h5>
                        <p>根据人物画像大数据技术，实现针对不同角色进行精准推送农技服务。</p>
                      </div>
                      <div class="color-box-icon"><i class="fa fa-sitemap"></i></div>
                    </div>
                  </div>
                </div>
                <div class="col-md-3 color-box-item bottom-xs-1">
                  <div class="color-box height-group section default"
                       data-bg="/agritech-cloud/front/images/hover_box_4.jpg"
                       data-bgmark="rgba(34,30,30,0.5)">
                    <div class="color-box-inner">
                      <div class="color-box-content">
                        <h5 class="box-title ">农业互联网品牌</h5>
                        <p>打造一支常年活跃在农田边“无所不在、一专多能、自我学习”的智能农技推广队伍，开创基层农技推广新局面</p>
                      </div>
                      <div class="color-box-icon"><i class="fa fa-group"></i></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!--大轮播下小广告 end-->

      <!--农技 start-->
      <div id="services" class="top-40">
        <div class="container">
          <div class="heading-area text-center bottom-30 wow fadeInDown" data-wow-duration="0.9s" data-wow-delay="0.3s">
            <h4 class="heading large">农技——养殖种植经验</h4>
            <span class="sub-heading">好用实用的农业技术。</span>
          </div>
          <div class="row nospace service-color-area"></div>
        </div>
      </div>
      <!--农技 end-->

      <div id="howtous" class="section cover top-0" data-padding="0" data-bg="images/slider.png"
           data-bgmark="rgba(30, 129, 58, 0.5)">
        <div class="container">
          <div class="row">


            <!--图文列表 start-->
            <div class="col-md-8">
              <ul class="newsAgriList">
                <!--<li class="used_agriListLi  jq22">
                  &lt;!&ndash; ==================== &ndash;&gt;
                  <div class="border-left" style="height: 0px;"></div>
                  <div class="border-bottom" style="width: 0px;"></div>
                  <div class="border-top" style="width: 0px;"></div>
                  <div class="border-right" style="height: 0px;"></div>
                  &lt;!&ndash; ==================== &ndash;&gt;
                  &lt;!&ndash;写你要加的内容&ndash;&gt;
                  <div class="used_agriListCon">
                    <div class="used_agriListConLeft">
                      <img class="img-responsive" src="images/slide_1.png" width="200" height="200">
                    </div>
                    <div class="used_agriListConRight">
                      <div class="used_agriListConRight_title">
                        <a href="javascript:;">
                          <h2>标题标题标题标题标题标题</h2>
                        </a>
                      </div>
                      <div class="used_agriListConRight_Con">
                        <a href="javascript:;">
                          <p>字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</p>
                        </a>
                        <div class="used_agriPublish">
                              <span class="publisher">
                                  <a href="javascript:;">文章所属模块</a>
                              </span>
                          <span class="publish_time">
                                  <p>2018-01-01</p>
                              </span>
                          <span class="publish_spread">
                                  <span>转发量:</span>
                                  <span>1111</span>
                              </span>
                          <span class="publish_comment">
                                  <span>评论量:</span>
                                  <span>1111</span>
                              </span>
                          <span class="publish_good">
                                  <span>点赞数:</span>
                                  <span>1111</span>
                              </span>
                        </div>
                      </div>
                    </div>
                  </div>
                </li>-->
              </ul>
            </div>
            <!--图文列表 end-->

            <!--文字列表 start-->
            <div class="col-md-4">
              <div class="newsAgriDetail">
                <div class="newsAgriDetail-news">
                  <div class="newsAgriDetail-news-title">
                    <p class="title-left">热门推荐</p>
                    <p class="title-right">
                      <a href="javascript:;">更多</a>
                    </p>
                  </div>
                  <div class="newsAgriDetail-news-con">
                    <ul class="newsAgriDetail-news-con_list">
                      <!--<li>
                        <a href="javascript:;">当前玉米价格走势如何？2019年各地玉米收购价格汇总</a>
                      </li>
                      <li>
                        <a href="javascript:;">当前玉米价格走势如何？2019年各地玉米收购价格汇总</a>
                      </li>
                      <li>
                        <a href="javascript:;">当前玉米价格走势如何？2019年各地玉米收购价格汇总</a>
                      </li>
                      <li>
                        <a href="javascript:;">当前玉米价格走势如何？2019年各地玉米收购价格汇总</a>
                      </li>-->
                    </ul>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="newsAgriDetail">
                <div class="newsAgriDetail-news">
                  <div class="newsAgriDetail-news-title">
                    <p class="title-left">行业资讯</p>
                    <p class="title-right">
                      <a href="javascript:;">更多</a>
                    </p>
                  </div>
                  <div class="newsAgriDetail-news-con">
                    <ul class="newsAgriDetail-news-con_list">
                      <!--<li>
                        <a href="javascript:;">当前玉米价格走势如何？2019年各地玉米收购价格汇总</a>
                      </li>
                      <li>
                        <a href="javascript:;">当前玉米价格走势如何？2019年各地玉米收购价格汇总</a>
                      </li>
                      <li>
                        <a href="javascript:;">当前玉米价格走势如何？2019年各地玉米收购价格汇总</a>
                      </li>
                      <li>
                        <a href="javascript:;">当前玉米价格走势如何？2019年各地玉米收购价格汇总</a>
                      </li>-->
                    </ul>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="newsAgriDetail">
                <div class="newsAgriDetail-news">
                  <div class="newsAgriDetail-news-title">
                    <p class="title-left">三农政策</p>
                    <p class="title-right">
                      <a href="javascript:;">更多</a>
                    </p>
                  </div>
                  <div class="newsAgriDetail-news-con">
                    <ul class="newsAgriDetail-news-con_list">
                      <!--<li>
                        <a href="javascript:;">当前玉米价格走势如何？2019年各地玉米收购价格汇总</a>
                      </li>
                      <li>
                        <a href="javascript:;">当前玉米价格走势如何？2019年各地玉米收购价格汇总</a>
                      </li>
                      <li>
                        <a href="javascript:;">当前玉米价格走势如何？2019年各地玉米收购价格汇总</a>
                      </li>
                      <li>
                        <a href="javascript:;">当前玉米价格走势如何？2019年各地玉米收购价格汇总</a>
                      </li>-->
                    </ul>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="newsAgriDetail">
                <div class="newsAgriDetail-news">
                  <div class="newsAgriDetail-news-title">
                    <p class="title-left">农业项目</p>
                    <p class="title-right">
                      <a href="javascript:;">更多</a>
                    </p>
                  </div>
                  <div class="newsAgriDetail-news-con">
                    <ul class="newsAgriDetail-news-con_list">
                      <!--<li>
                        <a href="javascript:;">当前玉米价格走势如何？2019年各地玉米收购价格汇总</a>
                      </li>
                      <li>
                        <a href="javascript:;">当前玉米价格走势如何？2019年各地玉米收购价格汇总</a>
                      </li>
                      <li>
                        <a href="javascript:;">当前玉米价格走势如何？2019年各地玉米收购价格汇总</a>
                      </li>
                      <li>
                        <a href="javascript:;">当前玉米价格走势如何？2019年各地玉米收购价格汇总</a>
                      </li>-->
                    </ul>
                  </div>
                </div>
              </div>
            </div>
            <!--文字列表 end-->
          </div>
        </div>
      </div>

      <div id="features" class="top-40">
        <div class="container">
          <div class="heading-area text-center bottom-30 wow slideInUp" data-wow-duration="0.6s" data-wow-delay="0.3s">
            <h4 class="heading large">农技云——高端的云服务平台</h4>
            <!--<span class="sub-heading">小投资，过小资生活 ，打开中产阶级财富之门 ！</span></div>-->
          <div class="row top-40 bottom-40">
            <div class="col-md-6 col-sm-6 bottom-sm-30 bottom-xs-30 wow fadeInRight" data-wow-duration="0.6s"
                 data-wow-delay="0.6s">
              <div class="iconbox alt clearfix">
                <div class="iconbox-icon"><i class="fa fa-globe"></i></div>
                <div class="iconbox-content">
                  <h4 class="bottom-10">农技云项目</h4>
                  <!--<p>倡导消费健康安全理念，打造国内顶级现代农业品牌。</p>-->
                </div>
              </div>
            </div>
            <div class="col-md-6 col-sm-6 bottom-sm-30 bottom-xs-30  wow fadeInRight" data-wow-duration="0.6s"
                 data-wow-delay="0.9s">
              <div class="iconbox alt clearfix">
                <div class="iconbox-icon"><i class="fa fa-money"></i></div>
                <div class="iconbox-content">
                  <h4 class="bottom-10">农技云现代农业</h4>
                  <!--<p>中国要强，农业必须强。注重农业科技创新、走现代农业发展道路。</p>-->
                </div>
              </div>
            </div>
            <!--<div class="col-md-3 col-sm-6 bottom-sm-30 bottom-xs-30  wow fadeInLeft" data-wow-duration="0.6s"
                 data-wow-delay="1.2s">
              <div class="iconbox alt clearfix">
                <div class="iconbox-icon"><i class="fa fa-leaf"></i></div>
                <div class="iconbox-content">
                  <h4 class=" bottom-10">合作投资该项目</h4>
                  &lt;!&ndash;<p>消费众筹联盟：优质项目、收益可观。</p>&ndash;&gt;
                </div>
              </div>
            </div>
            <div class="col-md-3 col-sm-6 bottom-sm-30 bottom-xs-30  wow fadeInRight" data-wow-duration="0.6s"
                 data-wow-delay="1.5s">
              <div class="iconbox alt clearfix">
                <div class="iconbox-icon"><i class="fa fa-group"></i></div>
                <div class="iconbox-content">
                  <h4 class="bottom-10">加盟农技云项目</h4>
                  &lt;!&ndash;<p>落实“促进城乡网络对接，助推三农经济的健康发展”。 </p>&ndash;&gt;
                </div>
              </div>
            </div>-->
          </div>
        </div>
      </div>

      <!--百科 start-->
      <div id="team-members" class="section fullcover" data-margin="40px 0 0" data-padding="40px 0" data-bg="images/slider.jpg" data-bgmark="rgba(90, 181, 50, 0.5)">
        <div class="container">
          <div class="heading-area text-center bottom-30 wow fadeInDown" data-wow-duration="0.9s" data-wow-delay="0.3s">
            <h4 class="heading large">农业百科</h4>
          </div>
          <div class="row">
            <!--<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 bottom-xs-30">
              <div class="team-member">
                <div class="team-member-image"><a href="#"><img class="img-responsive" src="images/avatar_1.jpg" alt=""
                                                                width="150" height="150"/></a></div>
                <div class="team-member-content fadein text-center">
                  <h4 class="bottom-0">红富士苹果</h4>
                  <span class="desc">产地：山东青岛</span>
                </div>
              </div>
            </div>-->
          </div>
        </div>
      </div>
      <!--百科 end-->

      <!--<div id="cilents" class="section fullcover" data-padding="40px 0">
        <div class="container carouselbox">
          <div class="heading-area text-center bottom-30 wow fadeInDown" data-wow-duration="0.9s" data-wow-delay="0.3s">
            <h4 class="heading large">媒体合作商</h4>
            <span class="sub-heading">立足资源优势，以市场需求为导向，增强线上线下营销能力,拓宽农村外部增收渠道。</span></div>
          <ul class="row list-unstyled bottom-0 carousel-area">
            <li>
              <div class="cilent-item"><img data-hover="images/link1-hover.jpg" class="cilent img-resonsive" alt=""
                                            src="images/link1.jpg"></div>
            </li>
            <li>
              <div class="cilent-item"><img data-hover="images/link2-hover.jpg" class="cilent img-resonsive" alt=""
                                            src="images/link2.jpg"></div>
            </li>
            <li>
              <div class="cilent-item"><img data-hover="images/link3-hover.jpg" class="cilent img-resonsive" alt=""
                                            src="images/link3.jpg"></div>
            </li>
            <li>
              <div class="cilent-item"><img data-hover="images/link4-hover.jpg" class="cilent img-resonsive" alt=""
                                            src="images/link4.jpg"></div>
            </li>
            <li>
              <div class="cilent-item"><img data-hover="images/link5-hover.jpg" class="cilent img-resonsive" alt=""
                                            src="images/link5.jpg"></div>
            </li>
          </ul>
        </div>
      </div>-->
    </div>
  </div>

  <!--底部 start-->
  <footer id="footer">
    <div class="footer-credits">
      <div class="container">
        <div class="footer-credits-inner">
          <div class="row">
            <div class="col-md-6"><img src="images/nav.png" width="112" height="30" alt=""/> <span><a href="index.html">智慧农业云</a>旗下农技云官方
              网站</span></div>
          </div>
        </div>
      </div>
    </div>
  </footer>
  <!--底部 end-->

  <div class="sb-slidebar sb-right">
    <div class="sb-menu-trigger"></div>
  </div>
</div>
<script src="/js/rest/index.js"></script>
<script src="/js/easing.js"></script>
<script src="/js/hoverIntent.js"></script>
<script src="/js/superfish.js"></script>
<script src="/js/bootstrap.js"></script>
<script src="/js/countto.js"></script>
<script src="/js/waypoint.js"></script>
<script src="/js/typer.js"></script>
<script src="/js/flexslider.js"></script>
<script src="/js/caroufredsel.js"></script>
<script src="/js/wow.js"></script>
<script src="/js/donutchart.js"></script>
<script src="/js/magnificpopup.js"></script>
<script src="/js/masonry.js"></script>
<script src="/js/sidebar.js"></script>
<script src="/js/tweecool.js"></script>
<script src="/js/isotope.js"></script>
<script src="/js/contact.js"></script>
<script src="/js/functions.js"></script>
<script src="/js/jquery.plugins.min.js"></script>
<script src="/js/jquery.revolution.min.js"></script>
</body>
<script>
    jQuery(window).ready(function () {
        /*---边框效果---*/
        let lanren_width = jQuery('.jq22').width();
        let lanren_height = jQuery('.jq22').height();
        jQuery('.jq22').each((index, ele) => {
            jQuery(ele).on('mouseenter', () => {
                jQuery(ele).find('.border-left,.border-right').stop().animate({height: lanren_height + 'px'}, 400);
                jQuery(ele).find('.border-top,.border-bottom').stop().animate({width: lanren_width + 'px'}, 400);
            });
            jQuery(ele).on('mouseleave', () => {
                jQuery(ele).find('.border-left,.border-right').stop().animate({height: '0'}, 400);
                jQuery(ele).find('.border-top,.border-bottom').stop().animate({width: '0'}, 400);
            });
        });
    });
</script>
</html>